<div ng-controller="videoController">
<!-- contain BEGIN -->
    <div class="right-product right-full animate-time" ng-class="{ true: 'right-full', false: 'right-off' }[isActive]">
        <div class="center-back right-back">
        	<ul class="breadcrumb">
		       	<li>
	                <a ui-sref="home">
	                    <img class="breadcrumb-right-img-home" height="20px" src="../images/right-product/home.png">首页
	                </a>
	            </li>
	            <li>
	                <img class="breadcrumb-right-img" src="../images/public/right4.png">
	            </li>
		        <li>
		            <a href="#">产品管理</a>
		        </li>
		        <li>
	                <img class="breadcrumb-right-img" src="../images/public/right4.png">
	            </li>
		        <li>
		            <a href="#" class="active">视频管理</a>
		         </li>
            </ul>
            <div class="button-group">
                        <button type="button" class="btn btn-default"  ui-sref="product.videoadd">
                            <span class="glyphicon glyphicon-plus"></span> 新增
                        </button>
                        <button type="button" class="btn btn-default yellow" data-toggle="modal" data-target="#delete">
                            <span class="glyphicon glyphicon-trash"></span> 批量删除
                        </button>
                        <button type="button" class="btn btn-default" data-toggle="modal" data-target="#examine">
                            <span class="glyphicon glyphicon-screenshot"></span> 批量审核
                        </button>
                        <button type="button" class="btn btn-default redbtn" data-toggle="modal" data-target="#relationship">
                            <span class="glyphicon glyphicon-heart-empty"></span> 资源关系
                        </button>
                         
                        <div class="input-group pull-right search-width ">
						    <input type="text" class="form-control search-input" placeholder="请输入需要检索的内容" ng-model="roles_search">
						    <span class="input-group-addon search-btn">
						        <img src="../images/right-product/search.png">检索
						    </span>
						</div> 
						<div class="form-group pull-right form-span">
                                <span class="pull-left form-span">终端管理</span>
                                <select type="date" class="pull-left">
                                	<option  value="" >全部</option>
									<option  value="0">1</option>
									<option  value="1">2</option>
                                </select>
                        </div>
        	</div>
            <div class="container-fluid">
            	<div class="info-center">
					<div class="contain">
                    	
                    <div class="clearfix"></div>
                    <div class="table-margin">
                        <!-- 表格 BEGIN -->
                        <div class="table-header">
	                        <table class="table table-bordered table-header">
	                            <thead>
	                                <tr>
	                                	<td class="w5 text-center">
	                                        <input type="checkbox" ng-model="master"  class="ng-pristine ng-untouched ng-valid">
	                                    </td>
	                                    <td class="w5 text-center">序号</td>
	                                    <td class="w10 text-center">名称</td>
	                                    <td class="w10 text-center">终端</td>
	                                    <td class="w10 text-center">视频类型</td>
	                                    <td class="w10 text-center">文件大小</td>
	                                    <td class="w10 text-center">文件时长</td>
	                                    <td class="w10 text-center">文件格式</td>
	                                    <td class="w10 text-center">审核状态</td>
	                                    <td class="w10 text-center">出版日期</td>
	                                    <td class="w10 text-left">操作</td></tr>
	                            </thead>
	                        </table>  
                        </div>
                         <div class="table-body">
                        <table class="table table-bordered table-header">    
                            <tbody>
                                <tr ng-class="{'active':$index%2!=0}">
                                	<td class="w5 text-center">
                                        <input type="checkbox" ng-model="bool1"  ng-checked="master" />
                                   </td>
                                    <td class="w5 text-center">001</td>
                                    <td class="w10 text-center">lol</td>
                                    <td class="w10 text-center">cyy</td>
                                    <td class="w10 text-center">MP4</td>
                                    <td class="w10 text-center">100mb</td>
                                    <td class="w10 text-center">.dmp</td>
                                    <td class="w10 text-center">启用</td>
                                    <td class="w10 text-center">2017/09/1</td>
                                    <td class="w10 text-center">程序自动刷新，依据</td>
                                    <td class="w10 text-center icon-td">
                                        <span class="btn-i" title="详情" ui-sref="product.videodetails"  ng-click="details($index)" data-toggle="modal" data-target="#details">
					                    	<img width="14px" src="../images/right-product/view.png">
					                    </span>
					                    <span class="btn-i" title="修改" ui-sref="product.videoupdate" ng-click="edit($index)"    data-toggle="modal" data-target="#edit">
					                    	<img width="14px" src="../images/right-product/edit.png">
					                    </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- 表格 END -->
                    </div>
                </div>    
                </div>
            </div>
        		<div class="info-bottom">
            		<div  ng-include="'public/tfoot.html'"></div>
           		</div>
            </div>
    	</div>
	</div>    
<!-- contain END -->
<!-- 删除 BEGIN -->
        <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="delete">
            <div class="modal-dialog delete-modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title text-center">删除警告</h4></div>
                    <div class="modal-body text-center">请确认是否删除该行角色</div>
                    <div class="modal-footer">
                        <div class="col-xs-6">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button></div>
                        <div class="col-xs-6">
                            <button type="button" class="btn btn-primary pull-left confirm-del-btn" ng-click="confirmDel()" data-dismiss="modal">确定</button></div>
                    </div>
                </div>
            </div>
        </div>
<!-- 删除 END -->
<!--批量审核-->
    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="examine">
            <div class="modal-dialog " role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">审核操作</h4></div>
                    <div class="modal-body">  	
                    <form name="usereffectAdd_form" novalidate>
	                        <div class="form-group col-xs-12">
		                            <label class="col-xs-12 col-sm-3 control-label text-right" for="dhName">审核状态：</label>
		                            <div class="col-xs-12 col-sm-9">
		                                <select name="sex"  ng-model="user_effectNokai" required>
		                                	<option  value="" >请选择</option>
											<option  value="0">通过</option>
											<option  value="1">不通过</option>
										</select>
		                            </div>       
	                        </div>

	                        <div class="form-group col-xs-12">
		                            <label class="col-xs-12 col-sm-3 control-label text-right" >描述：</label>
		                            <div class="col-xs-12 col-sm-9">
		                               <textarea rows="5" type="text" name="description" class="form-control" ng-model="edit_role_description"/></textarea>
										
		                            </div>       
	                        </div>
	                        <div class="col-sm-12">
		                        <div class="modal-footer">
		                        	<div class="col-sm-12">
			                        <!--<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>-->
			                        	<button type="button" class="btn btn-primary"  ng-click="confirmNewlyAdded()">确定</button></div>
			                        </div>
	                			</div>
	                		</div>	
  						</form>
  						
                    </div>
                    
            </div>
        </div>
<!--批量审核 end-->


<!--资源关系-->
    <div class="modal fade roleassignment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="relationship" ng-controller="rolebyController">
        <div class="modal-dialog " role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title pull-left" id="myModalLabel">资源关联</h4>
                    <img class="pull-right" width="30px" data-dismiss="modal" aria-hidden="true" src="../images/model/close999.png">
                </div>
                <div class="modal-body">
                	 <div class=" roleby-frame">
                            	<div class="left" ng-controller="rolebyUserController">
                            		<div class="roleby-frame-header">
										<h3>资源列表</h3>
										<div class="form-group col-xs-12 ">
											<label class="pull-left">资源名称：</label>
											<input type="text" class="form-control pull-left mar-right" placeholder="资源名称"  ng-model="game_search">
											<label class="pull-left">资源类型：</label>
											<select  class="form-control pull-left"  ng-model="roleby_search">
												<option  value="" >请选择</option>
												<option  value="0">1</option>
												<option  value="1">2</option>
											</select>
										</div>
						
										<div class="form-group col-xs-12">
		                                    <label class="pull-left">注册时间：</label>
		                                    <input type="date" class="pull-left form-control ">
		                                    <label class="pull-left mar">至</label>
		                                    <input type="date" class="pull-left form-control">

			                                <button class="btn btn-default  mar" ng-click="retrieval()">
                                    			<span class="glyphicon glyphicon-search"></span>检索
                                			</button>
	                            		</div>
										
									</div>
										
									 	<!--测试代码 <pre>{{selected|json}}</pre>-->
 										<!--测试代码 <pre>{{selectedTags|json}}</pre>-->
                                	<table class="table table-bordered table-header user-roleby-table">
                                    <thead>
                                        <tr>
                                        	<td class="wh5 text-center"> 
                                        		<input  type="checkbox" ng-model="all" ng-click="userAll()"/>
                                        	</td>
                                            <td class="wh30 text-center">名称</td>
                                            <td class="wh30 text-center">类型</td>
                                            <td class="wh30 text-center">出版日期</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="user in user_tabVal | filter:roleby_search">
                                        	<td class="wh5 text-center">
                                        		<input  type="checkbox"id={{user.userId}} name={{user.userName}} ng-checked="isSelected(user.userId)" ng-click="updateSelection($event,user.userId)"/>
                                        	</td>
                                            <td class="wh30 text-center" ng-bind="user.userName"></td> 
                                            <td class="wh30 text-center" ng-bind="user.userName"></td> 
                                            <td class="wh30 text-center" ng-bind="user.userName"></td> 
                                        </tr>
                                      	
                                        <tr>
                                   		 	<td colspan="12" class="text-center" ng-hide="isNoData">暂无数据</td>
                               			</tr>
                                    </tbody>
                                    
                                    <tfoot>
		                                <tr >
		                                    <td colspan="12" ng-show="isNoData" class="position-r">
		                                        <div class="pull-right">
		                                            <nav>
		                                                <tm-pagination conf="paginationConf"></tm-pagination>
		                                            </nav>
		                                        </div>
		                                    </td>
		                                </tr>
                           			 </tfoot>
                                </table>
                            	</div>
                            	<div class="center">
                            		<div class="binding-unbound">
                            			<img width="32px" height="32px" ng-click="binding()" src="../images/icon/MoveLast_32x32_Standard.png">
                            			<img width="32px" height="32px" ng-click="unbound()" src="../images/icon/MoveFirst_32x32_Standard.png">
                            		</div>
                            	</div>
								<div class="right" ng-controller="rolebyRoleController">
									<div class="roleby-frame-header">
										<h3>资源关系列表</h3>
										<div class="form-group col-xs-12 ">
											<label class="pull-left">资源名称：</label>
											<input type="text" class="form-control pull-left mar-right" placeholder="资源名称"  ng-model="game_searchname">
											<label class="pull-left">资源关系：</label>
											<select  class="form-control pull-left"  ng-model="game_searchrelationship">
												<option  value="" >请选择</option>
												<option  value="0">1</option>
												<option  value="1">2</option>
											</select>
											<button class="btn btn-default  mar" ng-click="retrieval()">
                                    			<span class="glyphicon glyphicon-search"></span>检索
                                			</button>
										</div>
									</div>
									<!--测试代码  <pre>{{roleselected|json}}</pre> -->
                                	<table class="table table-bordered table-header user-roleby-table">
                                    <thead>
                                        <tr>
                                        	<td class="wh5 text-center" >
                                        		<input  type="checkbox"id={{user.userId}} name={{user.userName}} ng-checked="isSelected(user.userId)" ng-click="updateSelection($event,user.userId)"/>
                                        	</td>
                                            <td class="wh30 text-center">名称</td>
                                            <td class="wh30 text-center">类型</td>
                                            <td class="wh30 text-center">出版日期</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    	<!--ng-repeat="val in tabVal"-->
                                        <tr ng-repeat="role in role_tabVal">
                                        	<td class="wh5 text-center">
                                        		<input  type="checkbox" id={{role.userRoleId}} ng-checked="roleisSelected(role.userRoleId)" ng-click="roleupdateSelection($event,role.userRoleId)" />
                                        	</td>
                                            <td class="wh30 text-center" ng-bind="role.userName"></td> 
                                            <td class="wh30 text-center" ng-bind="role.userName"></td>  
                                            <td class="wh30 text-center" ng-bind="role.userName"></td>  
                                        </tr>
                                        <tr>
                                   		 	<td colspan="12" class="text-center" ng-hide="isNoData">暂无数据</td>
                               			</tr>
                                    </tbody>
                                    <tfoot>
		                                <tr >
		                                    <td colspan="12" ng-show="isNoData" class="position-r">
		                                        <div class="pull-right">
		                                            <nav>
		                                                <tm-pagination conf="paginationConf"></tm-pagination>
		                                            </nav>
		                                        </div>
		                                    </td>
		                                </tr>
                           			 </tfoot>
                                </table>
                            	</div>
                            </div>
                </div>	
            </div>
        </div>
    </div>    
<!--资源关系 end-->

	
</div>	